﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BonoDeneme.aspx.cs" Inherits="Fabrikatorum.Fabrikator.Sayfa.BonoDeneme" %>
<div class="row">
    <div id="breadcrumb" class="col-md-12 text-center">
        <ol class="breadcrumb">
        </ol>
       
    </div>
</div>
	<div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
		<div class="box">
			<div class="box-header">
				<div class="box-name">
					<i class="fa fa-search"></i>
					<span>Sayfalar tek tek ajaxload uygunluğu</span>
				</div>
				<div class="box-icons pull-right">
					<a class="collapse-link">
						<i class="fa fa-chevron-up"></i>
					</a>
					<a class="expand-link">
						<i class="fa fa-expand"></i>
					</a>
					<a class="close-link">
						<i class="fa fa-times"></i>
					</a>
				</div>
				<div class="no-move"></div>
			</div>
			<div class="box-content">
					<ul id="tabozel" class="nav nav-tabs">
						<li><a href="Sayfa/Banka.aspx">Android</a></li>
						<li><a href="Sayfa/Seminerler.aspx">Firefox OS</a></li>
						<li><a href="Sayfa/BonoPiyasasi.aspx">Linux</a></li>
					</ul>
                    <div class="tab-content">		  <div id="ajax-icerik">
		    <p>This is default content and will be replaced</p>
		  </div></div>
                    

				</div>
		</div>
	</div>
<script type="text/javascript">
$(document).ready(function() {
    $("#tabozel li a").click(function () {
        //setTimeout(function () {
            $("#ajax-icerik").empty().append("<div class='progress progress-striped active'><div class='progress-bar progress-bar-info' role='progressbar' aria-valuenow='100' aria-valuemin='0' aria-valuemax='100' style='width: 100%;'><span>40% Complete</span></div></div>");
        //}, 2000);
        
        //$("#tabozel li a").removeClass('current');
        //$(this).addClass('current');

        $.ajax({ url: this.href, success: function(html) {
            $("#ajax-icerik").empty().append(html);
            }
	});
	return false;
    });
    $("#ajax-icerik").empty().append("<div class='progress progress-striped active'><div class='progress-bar progress-bar-info' role='progressbar' aria-valuenow='100' aria-valuemin='0' aria-valuemax='100' style='width: 100%;'><span>40% Complete</span></div></div>");
	$.ajax({ url: 'Sayfa/Banka.aspx', success: function(html) { 
	    $("#ajax-icerik").empty().append(html);
	} 
    });

});
</script>